<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <?php $this->load->view('head'); ?>
            <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
            <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
            <style type="text/css">
                .ui-jqgrid tr.jqgrow td {
                    white-space: normal !important;
                    height:auto;
                    vertical-align:text-top;
                    padding-top:2px;
                }
                .claseno{color:red}
            </style>
            <title></title>
            <script type="text/javascript">
                $(document).ready(function(){
                    jQuery("#list").jqGrid({
                        url: '<?php echo site_url("grilla/conPostu/$transaccion/"); ?>',
                        datatype: 'json',
                        mtype: 'POST',
                        colNames:['Consultar','¿Seleccionado?','Fecha Postulación','NombreTmp','Nombre'],
                        colModel :[
                            {name:'postu2',index:'postu2', width:140,sortabel:false,search:false,align:"center"},
                            {name:'tempVarchar3',index:'tempVarchar3', width:110,align:"center"},
                            {name:'tempDate1',index:'tempDate1', width:140,align:"center"},
                            {name:'tempVarchar1',index:'tempVarchar1', hidden: true , width:220},
                            {name:'tempVarchar2',index:'tempVarchar2', width:270}
                        ],
                        loadComplete: function(){
                            var ids = jQuery("#list").getDataIDs();
                            for(var i=0;i<ids.length;i++){
                                var cl = ids[i];
                                var ret = jQuery("#list").getRowData(cl);
                                var se = "";
                                if(ret.tempVarchar1 != "N/A")
                                    se = "<input type='button' onclick=\"javascript:abreVentana('" + cl + "','ins')\" tittle='De click para consultar la institución' value='Institución' />&nbsp;";
                                else
                                    se = "<input type='button' onclick=\"javascript:abreVentana('" + cl + "','per')\" tittle='De click para consultar a la Persona' value='Persona'/>";
                                jQuery("#list").setRowData(cl,{postu2:se});
                            }
                        },
                        pager: jQuery('#pager'),
                        rowNum:50,
                        rowList:[10,20,30,50],
                        sortname: 'tempVarchar3',
                        sortorder: "asc",
                        viewrecords: true,
                        multiselect: true, 
                        caption: 'POSTULADOS',
                        height:260
                    });
                    //Barra de navegación
                    jQuery("#list").jqGrid('navGrid','#pager',{del:false,add:false,edit:false,view:true},{},{},{},{multipleSearch:true},{closeOnEscape:true});
                    $("#oferta").change(function(){
                        fnOferta($(this).val());
                    });
                    $("#dialog-form").dialog({autoOpen: false,height: 290,width: 500,modal: true});
                    $("#divInstituciones").dialog({autoOpen: false,height: 230,width: 600,modal: true,position: 'top'});
                    $("#btnEjecutar").click(function(){
                        if($("#oferta").val() == ""){
                            alert("Elija una Oferta Laboral");
                            $("#oferta").focus();
                            return false;
                        }
                        if($("#accion").val() == ""){
                            alert("Elija una opción para ejecutar");
                            $("#accion").focus();
                            return false;
                        }else{
                            $("#divMotivo").css("display","none");
                            $("#divCausaCierre").css("display","none");
                            if($("#accion").val() != "cierra"){
                                var ids = jQuery("#list").jqGrid('getGridParam','selarrrow');
                                if(ids == ""){alert("Seleccione por lo menos un postulado o institución"); return false;}
                            }else{
                                $("#divCausaCierre").css("display","block");
                            }
                            if($("#accion").val() == "selecciona"){
                                fnEjecuta();
                            }else{
                                $.post("<?php echo site_url("validacion/cuenPost"); ?>", {oferta:$("#oferta").val(),postulados:ids}, function(data){
                                    $("#inpHidden").val(data);
                                    if($("#accion").val() == "noselecciona") $("#divMotivo").css("display","block");
                                    if(parseInt(data) > 0) $("#divMotivo").css("display","block");
                                    $("#dialog-form").dialog("open");
                                    return;
                                });
                            }
                        }
                    }); //fin $("#btnEjecutar").click(function(){
<?php $this->load->view('enReady'); ?>
    }); //fin $(document).ready(function(){
    function abreVentana(ofer,opc){
        if(opc == 'ins'){
            $("#divInstituciones").load("<?php echo site_url("empresa/consulta/3") ?>" + "/" + ofer,{},function(){
                $("#divInstituciones").dialog("open");
            }); //fin $("#divInstituciones").load
        }else if(opc == 'per') window.open("<?php echo site_url("empresa/consulta/4") . "/"; ?>" + ofer, "Persona", "width=1000,screenX=2,screenY=5,left=5,top=5,resizable=1,height=600,scrollbars=YES");
    }
    function fnEjecuta(){
        $.getJSON("<?php echo site_url("empresa/accPostulados"); ?>", {oferta:$("#oferta").val(),postulados:jQuery("#list").jqGrid('getGridParam','selarrrow'),accion:$("#accion").val(),total:$("#inpHidden").val(),motivoCierre: $("#motivoCierre").val(),causaNoContrato:$("#motivo").val()}, function(data){
            if(parseInt(data.mensaje) == 1)
                alert(data.texto);
            else
                alert("Se ha presentado un error en la postulación");
            $.post("<?php echo site_url("recordar/envCorreoMas"); ?>", {transa:data.transaccion});
            fnOferta($("#oferta").val());
            $("#accion").val('');
            $('#dialog-form').dialog('close');
            $("#btnConEjecuta").removeAttr("disabled");
            return;
        });
    } //fin function fnEjecuta(){
    function fnOferta(val){
        $.post("<?php echo site_url("empresa/crgT"); ?>", {transaccion:"<?php echo $transaccion; ?>",ofer:val}, function(){
            jQuery("#list").trigger("reloadGrid");
        });
    }
            </script>
    </head>
    <body>
        <div class="divTitulo">Postulados a ofertas laborales</div>
        <fieldset>
            <legend>OFERTAS PUBLICADAS</legend>
            <table>
                <tr>
                    <td><label for="oferta">Elija una oferta laboral para ver los postulados (Cargo->Perfil)</label></td>
                    <td><div id="divOferta"><select id="oferta" name="oferta">
                                <option value="">Seleccione</option>
                                <?php
                                foreach ($ofertas->result() as $row)
                                    echo "<option value='{$row->ofertaLaboralId}'>{$row->ofertaLaboralCargo} -> {$row->ofertaLaboralPerfil}</option>";
                                ?>
                            </select></div>
                    </td>
                </tr>
            </table>
        </fieldset>
        <fieldset>
            <legend style="font-style: italic;font-weight: bold;font-size: 12px">ELIJA QUE DESEA HACER CON LA OFERTA ELEJIDA ANTERIORMENTE</legend>
            <table>
                <tr>
                    <td><label for="accion">Acción a realizar</label></td>
                    <td><select id="accion" name="accion">
                            <option value="">Elija</option>
                            <option value="cierra">Cerrar Oferta</option>
                            <option value="selecciona">Preseleccionar</option>
                            <option value="noselecciona">Descartar Seleccionados</option>
                        </select>
                    </td>
                    <td><input type="button" id="btnEjecutar" value="Ejecutar Acción" /> </td>
                </tr>
            </table>
        </fieldset>
        <div id="dialog-form" title="Información Útil para la Institución y Personas">
            <div id="divCausaCierre" style="display: none">
                <label for="motivoCierre" style="font-style: italic">Ingrese el motivo del cierre de la oferta</label><br/>
                <textarea id="motivoCierre" name="motivoCierre" rows="1" cols="40"></textarea><br/>
            </div>
            <br/>
            <div id="divMotivo" style="display: none">
                <label for="motivo" style="font-style: italic">Ingrese el motivo por el cual no contrato a alguna(s) de la(s) persona(s) postulada(s)</label><br/>
                <textarea id="motivo" name="motivo" rows="3" cols="40"></textarea><br/>
            </div>
            <input type="button" value="Continuar Ejecución" id="btnConEjecuta" onclick="this.disabled = true;fnEjecuta();">
                <input type="hidden" id="inpHidden" />
        </div><!-- fin dialog-form -->
        <div id="divInstituciones" title="Información y servicios que ofrece la Institución">
        </div><!-- fin divInstituciones -->
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
